<template>
  <div>
    <h3>这个是Father组件---{{ num }}</h3>
    <!-- vue中对于普通的标签可以直接绑定事件 -->
    <hr />
    <!-- v-model 表单数据的双项绑定 也可以绑定在组件上 进行数据的双向修改 -->
    <!-- v-model 是一个语法糖 v-model在同一个组件身上只能使用一次 -->
    <!-- <Son :num="num" @update="(val) => (num = val)" /> -->
    <Son v-model="num" />
  </div>
</template>
<script>
import Son from './Son.vue'
export default {
  components: {
    Son
  },
  data() {
    return {
      num: 100
    }
  },
  methods: {
    hClick() {
      alert('ok')
    }
    // update(val) {
    //   this.num = val
    // }
  }
}
</script>
